<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>Registration</title>
</h:head>
<h:body>
	<h:form id="registrationform">
		<p:panel header="Registration Form">
			<h:panelGrid columns="3" id="regGrid">
				<h:outputLabel for="firstName">First Name:</h:outputLabel>
				<p:inputText id="firstName"
					value="#{registrationBean.user.firstName}">
					<p:ajax update="firstnamemsg" />
				</p:inputText>
				<p:message id="firstnamemsg" for="firstName" />

				<h:outputLabel for="lastName">Last Name:</h:outputLabel>
				<p:inputText id="lastName" value="#{registrationBean.user.lastName}">
					<p:ajax update="lastnamemsg" />
				</p:inputText>
				<p:message id="lastnamemsg" for="lastName" />

				<h:outputLabel for="gender">Gender:</h:outputLabel>
				<h:selectOneMenu value="#{registrationBean.user.gender}" id="gender">
					<f:selectItems value="#{enumValuesProvider.genders}" var="g"
						itemValue="#{g}" itemLabel="#{g.description}" />
				</h:selectOneMenu>
				<p:message id="gendermsg" for="gender" />

				<h:outputLabel for="email">Email:</h:outputLabel>
				<p:inputText id="email"
					value="#{registrationBean.user.emailAddress}">
					<p:ajax update="emailmsg" />
				</p:inputText>
				<p:message id="emailmsg" for="email" />

				<h:outputLabel for="password">Password:</h:outputLabel>
				<p:password id="password" value="#{registrationBean.user.password}"
					feedback="true" match="pwd2" label="Password" />
				<p:message for="password" />

				<h:outputLabel for="pwd2">Confirm Password:</h:outputLabel>
				<p:password id="pwd2" label="Confirm Password" />
			</h:panelGrid>
			<p:commandButton id="submit" value="Register" update="regGrid"
				action="#{registrationBean.register()}" />

		</p:panel>
	</h:form>
</h:body>
</html>

